import { createApp } from 'vue';
import App from './App.vue';

// main css
import './main.scss';

// custom directives
import slideIn from './directives/slideIn';

// UI
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import 'highlight.js/styles/stackoverflow-light.css'
import 'highlight.js/lib/common';
import hljsVuePlugin from "@highlightjs/vue-plugin";

const app = createApp(App);

app.use(slideIn);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}

app.use(hljsVuePlugin);

app.mount('#app');
